<template>
	<view class="wel-content">
		<image :src="showFloatBall ? '/static/img/last-wel.gif' : '/static/img/right-wel.gif'" mode="aspectFill"
			:animation="true"></image>
		<text class="title">嗨！我是 山师小灵</text>
		<text class="utitle">我可以帮你查询、预约、签到等，请把你的任务交给我吧~</text>
	</view>
</template>

<script lang="ts" setup>
import { defineProps, defineEmits, ref, onMounted } from 'vue';
import { storeToRefs } from 'pinia';
import ThemeColorUtil from "@/jzutils/ThemeColorUtil";
import ThemeLangUtil from "@/jzutils/ThemeLangUtil";
import { onShow } from '@dcloudio/uni-app'
const themeStore = ThemeColorUtil.useThemeStore();
const langStore = ThemeLangUtil.useLangStore();
const { themeData } = storeToRefs(themeStore);
const { langData } = storeToRefs(langStore);
const props = defineProps({

});

const showFloatBall = ref(false)

onShow(() => {
	setTimeout(() => {
		showFloatBall.value = true
	}, 6570)
})
</script>

<style scoped lang="scss">
@import "/dam_uni_frame/styles/dam_theme_common.scss";
@import "/static/css/iconfont.css";

.wel-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;



	image {
		border-radius: 50%;
		width: 200px;
		height: 200px;
		margin-bottom: 20px;
		animation-iteration-count: 1;
	}

	.title {
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.utitle {
		line-height: 1.5;
		font-size: 16px;
		font-weight: bold;
		color: #666;
		text-align: center;
	}
}
</style>